<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="templates/common.xhtml">
	
	<ui:define name="pageTitle">Création de compte</ui:define>
	<ui:define name="pageHeader">Inscription</ui:define>

	<ui:define name="body">

			
		<div class="bs-docs-section">
			<div class="row">
			<div id="myCarousel" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
    <li data-target="#myCarousel" data-slide-to="5"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item"><img src="../resources/img/5.png" alt="Slide 1"/></div>
    <div class="item"><img src="../resources/img/4.png" alt="Slide 2"/></div>
    <div class="item"><img src="../resources/img/2.png" alt="Slide 3"/></div>
    <div class="item"><img src="../resources/img/3.png" alt="Slide 4"/></div>
    <div class="item"><img src="../resources/img/1.png" alt="Slide 5"/></div>
    <div class="item"><img src="../resources/img/6.png" alt="Slide 6"/></div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
<!--
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
-->
<script>
$('.carousel').carousel();
</script>
			<br/><br/><br/>
				<div class="col-lg-6">
					<div class="well">
						<f:subview id="toto">
						<h:form class="bs-example form-horizontal">
							<fieldset>
								<legend>Déjà client</legend>
								<div class="form-group">
									<label for="login" class="col-lg-5 control-label">Login : </label>
									<div class="col-lg-5">
										<h:inputText class="form-control" id="login"
											value="#{loginManagedBean.connectionUser}" style="max-width:250px"/>
									</div>
								</div>

								<div class="form-group">
									<label for="password" class="col-lg-5 control-label">Mot de passe : </label>
									<div class="col-lg-5">
										<h:inputSecret class="form-control" id="password"
											value="#{loginManagedBean.connectionPassword}" style="max-width:250px"/>
									</div>
								</div>

								<div class="form-group">
									<div class="col-lg-10 col-lg-offset-5">
										<h:commandButton class="btn btn-primary" value="Connexion"
											action="#{loginManagedBean.connect}" style="font-size:14px;"/>
									</div>
								</div>

							</fieldset>
						</h:form>
						</f:subview>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="well">

						<f:subview id="titi">
						<h:form class="bs-example form-horizontal">
					
							<fieldset>
								<legend>Nouveau client</legend>

								<div class="form-group">
									<div class="col-lg-10 col-lg-offset-3">
										<a href="creationCompte.jsf" style="font-size:15px;">Créer mon compte</a>
									</div>
								</div>

							</fieldset>
						</h:form>
						</f:subview>
					</div>
				</div>

			</div>

		</div>

	</ui:define>

</ui:composition>
</html>